<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS常用文本属性_文本装饰</title>
</head>

<style>
  /*
  属性名:text-decoration
  作用:控制文本的各种装饰线
  可选值:1.none:无装饰线(常用)
        2.underline:下划线(常用)
        3.overline:上划线
        4.line-through:删除线
  可以搭配如下值使用:
    1.dotted:虚线
    2.wavy:波浪线
    3.也可以指定颜色
  */
  #none{
    text-decoration: none;
  }

  #underline{
    text-decoration: underline red;
  }

  #overline{
    text-decoration: overline blue dotted;
  }

  #line_through{
    text-decoration: line-through gold wavy;
  }
</style>
<body>
<div id="none">无装饰线</div>
<div id="underline">下划线</div>
<div id="overline">上划线</div>
<div id="line_through">装饰线</div>

</body>
</html>